<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>三国演义文化可视化</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&display=swap" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/masonry-layout@4.2.2/dist/masonry.pkgd.min.js"></script>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Noto Serif SC', serif;
        }

        body {
            background: linear-gradient(135deg, #1a2a6c, #8b0000, #1a2a6c);
            background-attachment: fixed;
            color: #333;
            line-height: 1.6;
            min-height: 100vh;
            padding: 20px;
        }

        .container {
            max-width: 1400px;
            margin: 0 auto;
        }

        header {
            text-align: center;
            padding: 40px 20px;
            margin-bottom: 30px;
            background: rgba(255, 255, 255, 0.92);
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
            border-bottom: 5px solid #c62828;
            position: relative;
            overflow: hidden;
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect width="100" height="100" fill="none" stroke="%23b71c1c" stroke-width="0.5" opacity="0.3"/></svg>');
        }

        header::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 5px;
            background: linear-gradient(90deg, #b71c1c, #ff9800, #4caf50, #2196f3, #9c27b0, #b71c1c);
            background-size: 200% 100%;
            animation: gradientMove 10s linear infinite;
        }

        @keyframes gradientMove {
            0% { background-position: 0% 50%; }
            100% { background-position: 200% 50%; }
        }

        h1 {
            font-size: 4rem;
            color: #b71c1c;
            text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
            margin-bottom: 15px;
            letter-spacing: 5px;
            font-family: 'Ma Shan Zheng', cursive;
        }

        .subtitle {
            font-size: 1.5rem;
            color: #444;
            max-width: 800px;
            margin: 0 auto;
            font-weight: 700;
        }

        .tabs {
            display: flex;
            justify-content: center;
            margin-bottom: 30px;
            flex-wrap: wrap;
            gap: 15px;
        }

        .tab-btn {
            padding: 16px 35px;
            font-size: 1.3rem;
            background: rgba(255, 255, 255, 0.9);
            border: none;
            border-radius: 50px;
            cursor: pointer;
            transition: all 0.3s ease;
            font-weight: bold;
            color: #333;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
            display: flex;
            align-items: center;
            gap: 10px;
            position: relative;
            overflow: hidden;
            z-index: 1;
        }

        .tab-btn::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 0;
            height: 100%;
            background: linear-gradient(to right, #b71c1c, #ff9800);
            transition: width 0.3s ease;
            z-index: -1;
        }

        .tab-btn:hover {
            transform: translateY(-5px);
            box-shadow: 0 7px 15px rgba(0, 0, 0, 0.3);
            color: white;
        }

        .tab-btn:hover::before {
            width: 100%;
        }

        .tab-btn.active {
            background: #b71c1c;
            color: white;
        }

        .tab-btn.active::before {
            width: 100%;
        }

        .content-section {
            display: none;
            background: rgba(255, 255, 255, 0.95);
            border-radius: 15px;
            padding: 35px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            margin-bottom: 30px;
            animation: fadeIn 0.5s ease;
            border: 1px solid #e0e0e0;
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .content-section.active {
            display: block;
        }

        .section-title {
            font-size: 2.5rem;
            color: #b71c1c;
            margin-bottom: 30px;
            padding-bottom: 15px;
            border-bottom: 3px solid #ff9800;
            display: flex;
            align-items: center;
            gap: 15px;
            font-family: 'Ma Shan Zheng', cursive;
        }

        .section-title i {
            background: #ff9800;
            color: white;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.8rem;
        }

        /* 瀑布流布局 */
        .masonry-grid {
            column-count: 3;
            column-gap: 30px;
        }

        .grid-item {
            break-inside: avoid;
            margin-bottom: 30px;
            transition: transform 0.3s ease;
        }

        .grid-item:hover {
            transform: translateY(-5px);
        }

        /* 卡片样式 */
        .card {
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            border-left: 5px solid #b71c1c;
            height: auto;
            display: flex;
            flex-direction: column;
        }

        .card-header {
            background: #f5f5f5;
            padding: 20px;
            border-bottom: 1px solid #eee;
        }

        .card-title {
            font-size: 1.6rem;
            color: #b71c1c;
            margin: 0;
            font-weight: 700;
        }

        .card-body {
            padding: 20px;
            flex-grow: 1;
        }

        .card-text {
            margin-bottom: 15px;
            font-size: 1.15rem;
            color: #444;
            line-height: 1.8;
        }

        .card-source {
            background: #f9f9f9;
            padding: 15px;
            font-style: italic;
            color: #666;
            border-top: 1px dashed #ddd;
            font-size: 1.1rem;
        }

        .poem-card {
            background: linear-gradient(to bottom right, #fff8e1, #ffecb3);
            border-left: 5px solid #ff9800;
        }

        .poem-content {
            font-size: 1.3rem;
            line-height: 1.8;
            color: #5d4037;
            font-style: italic;
            margin: 20px 0;
            text-align: center;
            font-weight: 500;
        }

        .poem-author {
            text-align: right;
            font-weight: bold;
            color: #795548;
            font-size: 1.2rem;
            margin-top: 10px;
        }

        .poem-note {
            background: rgba(255, 152, 0, 0.1);
            padding: 15px;
            border-radius: 8px;
            margin-top: 15px;
            font-size: 1.1rem;
        }

        .poem-note p {
            margin-bottom: 8px;
        }

        .idiom-card {
            background: linear-gradient(to bottom right, #e3f2fd, #bbdefb);
            padding: 30px;
            border-radius: 12px;
            text-align: center;
            font-size: 1.4rem;
            border-left: 5px solid #2196f3;
            transition: all 0.3s ease;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            height: 100%;
        }

        .idiom-card:hover {
            transform: scale(1.03);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
        }

        .idiom-text {
            font-weight: bold;
            color: #1565c0;
            font-size: 1.5rem;
            margin-bottom: 15px;
        }

        .idiom-meaning {
            color: #444;
            font-size: 1.1rem;
            font-style: italic;
        }

        .verse-card {
            background: linear-gradient(to bottom right, #e8f5e9, #c8e6c9);
            border-left: 5px solid #4caf50;
            height: 100%;
        }

        .verse-content {
            font-size: 1.4rem;
            line-height: 1.8;
            color: #2e7d32;
            text-align: center;
            padding: 20px 0;
            font-weight: 500;
        }

        .verse-note {
            background: rgba(76, 175, 80, 0.1);
            padding: 15px;
            border-radius: 8px;
            margin-top: 15px;
            font-size: 1.1rem;
            color: #1b5e20;
        }

        footer {
            text-align: center;
            padding: 30px;
            color: white;
            font-size: 1.2rem;
            margin-top: 30px;
            background: rgba(0, 0, 0, 0.3);
            border-radius: 15px;
            font-weight: 500;
        }

        .counter {
            display: inline-block;
            background: #b71c1c;
            color: white;
            padding: 5px 15px;
            border-radius: 20px;
            margin: 0 5px;
        }

        /* 响应式设计 */
        @media (max-width: 1100px) {
            .masonry-grid {
                column-count: 2;
            }
        }

        @media (max-width: 768px) {
            h1 {
                font-size: 2.8rem;
            }

            .subtitle {
                font-size: 1.2rem;
            }

            .masonry-grid {
                column-count: 1;
            }

            .tab-btn {
                padding: 14px 25px;
                font-size: 1.1rem;
            }

            .section-title {
                font-size: 2rem;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <header>
            <h1><i class="fas fa-dragon"></i> 三国演义文化</h1>
            <p class="subtitle">探索三国演义中的成语典故、经典诗句、诗人评价和歇后语，感受中国古典文学魅力</p>
        </header>

        <div class="tabs">
            <button class="tab-btn active" data-tab="idioms-meanings">
                <i class="fas fa-gem"></i> 成语典故
            </button>
            <button class="tab-btn" data-tab="book-verses">
                <i class="fas fa-scroll"></i> 书中诗句
            </button>
            <button class="tab-btn" data-tab="poet-evaluations">
                <i class="fas fa-pen-fancy"></i> 诗人评价
            </button>
            <button class="tab-btn" data-tab="idioms">
                <i class="fas fa-quote-right"></i> 歇后语
            </button>
        </div>

        <!-- 成语典故板块 -->
        <section id="idioms-meanings" class="content-section active">
            <h2 class="section-title"><i class="fas fa-gem"></i> 三国演义成语典故</h2>
            <div class="masonry-grid">

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">初出茅庐</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">指三国时期诸葛亮刚离开他隐居的地方跟刘备去打天下，形容初次出来做事，现比喻刚离开家庭或刚到工作岗位上，缺乏经验。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第三十九回：直须惊破曹公胆，初出茅庐第一功。
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">封金挂印</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">指不受赏赐，辞去官职。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第二十七回：“[曹操]因谓张辽曰：关羽封金挂印，财贿不以动其心，爵禄不以移其志，此等人吾深敬之。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">三顾茅庐</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">指刘备三次到诸葛亮住的茅屋去邀请他出来帮助自己打天下，比喻真心诚意，一再邀请。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第三十七回：玄德回新野之后，光阴荏苒，又早新春。乃令卜者揲蓍，选择吉期，斋戒三日，薰沐更衣，再往卧龙冈谒孔明。
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">舌战群儒</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">指诸葛亮为联盟孙权抵抗曹操的过程中遭到东吴诸谋士的责难，最后都被诸葛亮一一反驳，哑口无言。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第四十三回：诸葛亮舌战群儒，鲁子敬力排众议。
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">草船借箭</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">指运用智谋，凭借他人的人力或财力来达到自己的目的。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第四十六回：孔明借箭，周瑜自叹不如。
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">望梅止渴</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">比喻用空想或空话来自我安慰。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第二十一回：曹操行军途中，士兵口渴，曹操说前方有梅林，士兵听后口生津液，不再喊渴。
                        </div>
                    </div>
                </div>


                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">初出茅庐</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">指三国时期诸葛亮刚离开他隐居的地方跟刘备去打天下，形容初次出来做事，现比喻刚离开家庭或刚到工作岗位上，缺乏经验。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第三十九回：直须惊破曹公胆，初出茅庐第一功。
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">封金挂印</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">指不受赏赐，辞去官职。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第二十七回：“[曹操]因谓张辽曰：关羽封金挂印，财贿不以动其心，爵禄不以移其志，此等人吾深敬之。’”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">等闲人物</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">指普通人。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第六十一回：“操还营自思：‘孙权非等闲人物……’于是有退兵之意。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">抵足而卧</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">脚对着脚，同榻而睡。形容关系亲密，情意深厚。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第二十九回：一日，众官皆散，权留鲁肃共饮，至晚同榻抵足而卧。夜半，权问肃曰：“方今汉室倾危，四方纷扰；孤承父兄余业，思为桓、文之事，君将何以教我”。
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">拂袖而起</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">形容很生气，一甩袖子就走了。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第六十回：“操先见张松人物猥琐，五分不喜；又闻语言冲撞，遂拂袖而起，转入后堂。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">昂然直入</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">指昂首挺胸地径直走进去。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第三回：“何进昂然直入。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">傲睨得志</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">形容因实现愿望而看不起一切的神情。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第六十回：“原来曹操自破马超回，傲睨得志，每日饮宴，无事少出，国政皆在相府商议。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">懊悔无及</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">后悔已经来不及了。指事后的态度。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第九十八回:“令人往探之，果是虚营，只插着数十面旌旗，兵已去了二日也。曹真懊悔无及。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">安身之地</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">指得以立足容身的地方。</p>
                        </div>
                        <div class="card-source">
                            明·罗贯中《三国演义》第四十回：“近闻刘景升病在危笃，可乘此机会，取得荆州为安身之地。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">等闲之辈</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">意思是无足轻重的寻常人。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》：“魏有邓艾，足智多谋，非等闲之辈。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">傲贤慢士</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">用傲慢的态度对待有德有才的人。</p>
                        </div>
                        <div class="card-source">
                            明·罗贯中《三国演义》第六十回：“何期逆贼恣逞奸雄，傲贤慢士，故特来见明公。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">半筹莫展</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">意思是半条计策也拿不出来，比喻一点办法也没有。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第五十四回：“周瑜虽能用计，岂能出诸葛亮之料乎？略用小谋使周瑜半筹不展。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">宝刀不老</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">比喻虽然年龄已大或脱离本行已久，但功夫或技术并没减退。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第七十回：“张郃出马，见了黄忠，笑曰：‘你许大年纪，犹不识羞，尚欲出阵耶？’忠怒曰：‘竖子欺吾年老！吾手中宝刀却不老。’”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">步罡踏斗</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">这是道士礼拜星宿、召遣神灵的一种动作。其步行转折，宛如踏在罡星斗宿之上，故称。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第一零三回：“[孔明]日则计议军机，夜则步罡踏斗。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">兵精粮足</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">意思是兵士精壮，粮草充足。形容军力强盛，战备充分。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第四十三回：“今江东兵精粮足，且有长江之险。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">不可造次</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">意思是指不能匆匆忙忙地进行，意为要慎重</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第一百五回：“此事当深虑远议，不可造次。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">尺寸可取</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">比喻有些许长处，是认为自己有才能的谦虚说法。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第八十三回：“今蒙主上托以重任者，以吾有尺寸可取，能忍辱负重故也。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">乘其不备</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">意思是利用别人没有防备的时机侵害对方。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第十八回：“我乘其不备而更追之，故能胜也。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">才疏智浅</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">意思是才识不高，智力短浅。用作自谦之词。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第八十五回：“愚才疏智浅，恐不堪当此任。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">尘头大起</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">指一团团的灰尘高高扬起。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第一百一十回：“山后尘头大起，必有伏兵。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">才望兼隆</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">意思是才能和声望都很高。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第七十五回：“今卿亦须荐一才望兼隆者，代卿为妙。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">刀枪剑戟</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">古代用于砍、刺的四种常用兵器，亦用于泛指兵器。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第八十七回：“却教帐中排开七重刽子手，刀枪剑戟，灿若霜雪。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">丁宁告戒</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">丁宁；再三嘱咐。指一再嘱咐必须引起警觉注意。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第九十六回：吾累次丁宁告戒：街亭是吾根本。汝以全家之命，领此重任。
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">东冲西突</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">意思是四处冲锋突击。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第七一回：“曹操见云东冲西突，所向无前……奋然大怒，自领左右将士来赶赵云。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">村野匹夫</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">意思是没有知识，没有地位的人。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第六十五回：“马超曰：吾家屡世公侯，岂识村野匹夫！”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">赤体上阵</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">意思是不穿盔甲，裸露上身出阵交战。后比喻不顾一切、猛打猛冲的作风。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第五十九回：“许褚性起，飞回阵中，卸下盔甲，浑身筋突，赤体提刀，翻身上马，来与马超决战。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">唇齿之戏</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">在言语上开玩笑、兜圈子。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第八十六回：张温无言可对，乃避席而谢曰：“不意蜀中多出俊杰！恰闻讲论，使仆顿开茅塞。”孔明恐温羞愧，故以善言解之曰：“席间问难，皆戏谈耳。足下深知安邦定国之道，何在唇齿之戏哉！”温拜谢。
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">踌躇不决</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">形容犹犹疑疑地拿不定主意。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第二十二回：“四人争论未定，绍踌躇不决。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">才薄智浅</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">形容人的才智浅薄。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第九十八回：“某才薄智浅，不称其职。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">胆丧心惊</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">形容内心过分惊慌恐惧。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第三十一回：“袁绍父子胆丧心惊，奔入旧寨。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">大仁大义</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">形容为人宽厚，尊崇仁义。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第四十三回：“日行十里，不思进取江陵，甘与同败，此也大仁大义也。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">低头丧气</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">指失意颓丧的样子。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第四十三回：“严畯低头丧气而不能对。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">费力劳心</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">形容耗费力气和心思。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第六十二回：“吾为汝御敌，费力劳心。汝今积财吝赏，何以使士卒效命乎？”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">放龙入海</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">比喻放走敌人，留下后患。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第二十一回：“此放龙入海，纵虎归山也，后欲治之，其可得乎？”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">奋武扬威</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">意思是振奋勇气，施展威风。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第一一零回：“[姜维]奋武扬威，杀入魏军之中，左冲右突，魏兵大乱。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">滚鞍下马</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">指迅速地离开鞍子跳到马下。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第二十八回：那将见了玄德，滚鞍下马，拜伏道旁。——原来果然是赵子龙。
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">盖地而来</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">形容来势凶猛，声势浩大。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第一回：“汉军大败，后面漫山塞野，黄巾盖地而来，旗上大写‘天公将军’。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">各霸一方</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">各：各自；霸：强横占据。指凭借势力各自称霸一个地方。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第七十三回：“方今天下分崩，英雄并起，各霸一方。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">骨颤肉惊</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">形容惊恐万分。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第七十七回：“却说王甫在麦城中，骨颤肉惊，乃问周仓曰：‘昨夜梦见主公深奥血污……不知主何吉凶？’”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">割恩断义</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">意思是舍弃恩德，断绝道义。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第二十六回：“自桃园缔盟，誓以同死；今何中道相违，割恩断义？”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">葛巾布袍</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">指隐士装束。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第四十五回：“干葛巾布袍，驾一只小舟，径到周瑜寨中。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">国家大计</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">意思是与国家利益有关的重大事情。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第七十五回：“于禁等被水所淹，非战之故；于国家大计，本无所损。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">繁礼多仪</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">形容过分地讲究排场。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第十八回：“今绍有十败，公有十胜，绍兵虽盛，不足惧也。绍繁礼多仪，公体任自然，此道胜也。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">凤毛鸡胆</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">凤的羽毛，鸡的胆子；比喻外表英武而实际怯弱。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第三十二回：羊质虎皮功不就，凤毛鸡胆事难成。
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">反客为主</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">指充分利用机会，慢慢由弱变强，形成势力，直至最后掌控局面。现常常用来喻指通过某种手段或者方法，改变被动的形势，形成主动掌控的局面；或者指改变事物的次要性，使之成为主要的事物。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第七十一回：“拔寨前进，步步为营，诱渊来战而擒之，此乃反客为主之法。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">纷纷穰穰</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">众多而杂乱的样子。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第八十七回：“孔明端坐于帐上，只见蛮兵纷纷穰穰，解到无数。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">法不徇情</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">指执法公正，不讲私人感情。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第七十二回：“居家为父子，受事为君臣，法不徇情，尔直深戒。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">放鱼入海</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">指自留祸根，比喻放走敌人，留下祸根。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第四二回：“今刘备釜中之鱼，阱中之虎，若不就此时擒捉，如放鱼入海，纵虎归山矣。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">逢山开路，遇水叠桥</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">比喻不畏艰险，打通前进道路上的重重障碍。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第五十回：“军旅逢山开路，遇水叠桥，岂有泥泞不堪行之理！”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">反败为胜</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">意思是扭转败局，变为胜利。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第十六回：“将军在匆忙之中，能整兵坚垒，任谤任劳，使反败为胜，虽古之名将，何以加兹！”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">恩怨分明</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">意思是对于恩惠和仇恨的界限分得十分清楚，毫不含糊。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第五十回：“某素知云长傲上而不忍下，欺强而不凌弱；恩怨分明，信义素著。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">蠹政病民</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">意思是危害国家和人民。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第一百二十回：“时皓[孙皓]居武昌，扬州百姓溯流供给，甚苦之；又奢侈无度，公私匮乏。陆凯上疏谏曰：‘……又左右皆非其人，群党相挟，害忠隐贤，此皆蠹政病民者也。’”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">灯烛辉煌</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">形容灯光烛火通明，光辉耀眼。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第四十七回：“军士引阚泽至，只见帐上灯烛辉煌，曹操凭几危坐。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">大展经纶</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">指充分施展政治才能。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第三十八回：“先取荆州后取川，大展经纶补天手。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">恩荣并济</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">意思是恩惠与荣耀两种手段一起施行。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第六十五回：“限之以爵，爵加则知荣，恩荣并济，上下有节，为治之道，于斯著矣。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">万事俱备，只欠东风</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">原意是周瑜定计火攻曹操，做好了一切准备，忽然想起不刮东风无法胜敌。后以此比喻一切准备工作都做好了，只差最后一个重要条件。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第四十九回：“孔明索纸笔，屏退左右，密书十六字曰：欲破曹公，须用火攻；万事俱备，只欠东风。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">步步为营</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">指军队每向前推进一步就设下一首营垒；形容防守严密，行动谨慎。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第七十一回：可激劝士卒，拔寨前进，步步为营，诱渊来战而擒之，此乃反客为主之法。
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">败兵折将</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">意思是军士和将领都遭到损失。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第二十六回：“袁本初败兵折将。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">不测风云</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">比喻有些意外的发生，事先是无法预料的。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第四十九回：“孔明笑曰：‘天有不测风云’，人又岂能料乎？”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">不此之图</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">此：这个；图：图谋，计划。不打算做此事或不考虑这个问题。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第三十二回：“不此之图，而伐荆州，荆州丰乐之地，国和民顺，未可动摇。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">不成体统</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">指言行没有规矩，不成样子，或指人或事物不符合体制、格局、规矩等，表示人言行放肆，或有失庄重。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第十三回：“刻印不及，以锥画之，全不成体统。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">兵疲意阻</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">意思是士兵劳累懈怠，将帅情绪低落沮丧。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第八十四回：“诸公不知兵法，备乃世之枭雄，更多智谋，其兵始集，法度精专，今守之久矣，不得我便，兵疲意阻，取之正在今日。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">不世之略</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">不世：不是每代都有的，即非常、非凡；略：谋略。人间不常有的谋略。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第十四回：“今天子蒙尘，将军诚因此时首倡义兵，奉天子以从众望，不世之略也。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">避凶就吉</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">指避开祸害而趋向吉利。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第一零六回：“主公宜避凶就吉，不可轻举妄动。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">饱学之士</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">指学识渊博的人。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第五十六回：“公等皆饱学之士，登此高台，可不进佳章以纪一时胜事乎？”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">拨云雾见青天</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">只有推开密布的云雾才能看到湛湛蓝天。比喻冲破黑暗，见到光明。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第六十五回：“今遇明主，如拨云雾而见青天！”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">不置褒贬</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">意思是不加以表扬或批评。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第七十二回：“操尝造花园一所；造成，操往观之，不置褒贬，只取笔于门上一‘活’字而去。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">赤身露体</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">指光着身子，衣不蔽体；也指赤祼全身，不穿衣服。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第八十四回：“吴班引兵到关前搦战，耀武扬威，辱骂不绝，多有解衣卸甲，赤身露体，或睡或坐。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">得而复失</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">指得到了又失去了。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第九十六回：“孔明变色曰：‘是何言也！得而复失，与不得同。公以此贺我，实足使我愧赧耳！’”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">大吉大利</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">非常吉祥、顺利。旧时用于占卜和祝福。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第五十四回：“孔明曰：‘来意亮已知道了。适间卜《易》，得一大吉大利之兆。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">等闲视之</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">意思是把这件事看成平常的事，不予重视。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第九十五回：“汝勿以等闲视之，失吾大事。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">大雨滂沱</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">形容雨下的很大。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第二十八回：“行了数日，忽值大雨滂沱。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">地远山险</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">意思是地处边远，山势险峻。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第八十七回：“愚有片言，望丞相察之，南蛮恃其地远山险，不服久矣，虽今日破，明日复叛。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">大言欺人</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">意思是说大话欺骗人。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第四十三回：“军败于当阳，詈穷于夏口，亘亘求救于人而犹言不惧，此真大言欺人也。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">把薪助火</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">比喻某种行动做法会增加对方的力量或助长事态的加剧。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第六十二回：“今求军马钱粮，切不可与。如若相助，是把薪助火也。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">别作良图</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">意思是另作好的打算。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第八十一回：“愿陛下纳秦宓金石之言，以养士卒之力，别作良图，则社稷幸甚！天下幸甚！”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">病势尪羸</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">意思是病势严重，身体瘦弱。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第43回：“此正如病势尪羸已极之时也。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">避嫌守义</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">指避开嫌疑，保守道义。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第七十三回：“今主公避嫌守义，恐失众人之望。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">赤膊上阵</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">赤膊上阵指光着上身，不穿戴盔甲上阵打仗。现代汉语中泛指不讲策略，毫无掩护地进行战斗。也比喻不加掩饰地做某件事。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》五九回：“许褚性起，飞回阵中，卸下盔甲，浑身筋突，赤体提刀，翻身上马，来与马超决战。”
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">初生之犊不惧虎</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text">比喻阅世不深的青年人敢说敢干，无所畏惧。</p>
                        </div>
                        <div class="card-source">
                            《三国演义》第七四回：“俗云：‘初生之犊不惧虎。’父亲纵然斩了此人，只是西羌一小卒耳；倘有疏虞，非所以重伯父之托也。”
                        </div>
                    </div>
                </div>



            </div>
        </section>

        <!-- 书中诗句板块 -->
        <section id="book-verses" class="content-section">
            <h2 class="section-title"><i class="fas fa-book-open"></i> 三国演义书中诗句</h2>
            <div class="masonry-grid">


                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                滚滚长江东逝水，浪花淘尽英雄。<br>是非成败转头空。青山依旧在，<br>几度夕阳红。白发渔樵江渚上，<br>惯看秋月春风。一壶浊酒喜相逢。<br>古今多少事，都付笑谈中。<br>——调寄《临江仙》<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 开场白
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                英雄露颖在今朝，一试矛兮一试刀。<br>初出便将威力展，三分好把姓名标。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 涿郡之战后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                运筹决算有神功，二虎还须逊一龙。<br>初出便能垂伟绩，自应分鼎在孤穷。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 青州之战后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                人情势利古犹今，谁识英雄是白身？<br>安得快人如翼德，尽诛世上负心人！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 董卓轻视刘备后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                汉室倾危天数终，无谋何进作三公。<br>几番不听忠臣谏，难免宫中受剑锋<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 何进死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                帝非帝，王非王，千乘万骑走北邙。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 帝及陈留王北邙见大臣后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                奔腾千里荡尘埃，渡水登山紫雾开。<br>掣断丝缰摇玉辔，火龙飞下九天来。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 赤兔马出场
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                董贼潜怀废立图，汉家宗社委丘墟。<br>满朝臣宰皆囊括，惟有丁公是丈夫。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 尚书丁管骂董卓被杀后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                嫩草绿凝烟，袅袅双飞燕。<br>洛水一条青，陌上人称羡。<br>远望碧云深，是吾旧宫殿。<br>何人仗忠义，泄我心中怨！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 少帝与何太后、唐妃困于永安宫中后、刘辩自写
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                天地易兮日月翻，弃万乘兮退守藩。<br>为臣逼兮命不久，大势去兮空泪潸！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 刘辩死前、自写
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                皇天将崩兮后土颓，<br>身为帝姬兮命不随。<br>生死异路兮从此毕，<br>奈何茕速兮心中悲！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 唐妃死前、自写
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                汉末忠臣说伍孚，冲天豪气世间无。<br>朝堂杀贼名犹在，万古堪称大丈夫！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 伍孚刺杀董卓被吕布擒住反杀
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                威镇乾坤第一功，辕门画鼓响冬冬。<br>云长停盏施英勇，酒尚温时斩华雄。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 关羽斩华雄后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                汉朝天数当桓灵，炎炎红日将西倾。<br>奸臣董卓废少帝，刘协懦弱魂梦惊。<br>曹操传檄告天下，诸侯奋怒皆兴兵。<br>议立袁绍作盟主，誓扶王室定太平。<br>温侯吕布世无比，雄才四海夸英伟。<br>护躯银铠砌龙鳞，束发金冠簪雉尾。<br>参差宝带兽平吞，错落锦袍飞凤起。<br>龙驹跳踏起天风，画戟荧煌射秋水。<br>出关搦战谁敢当？诸侯胆裂心惶惶。<br>踊出燕人张冀德，手持蛇矛丈八枪。<br>虎须倒竖翻金线，环眼圆睁起电光。<br>酣战未能分胜败，阵前恼起关云长。<br>青龙宝刀灿霜雪，鹦鹉战袍飞蛱蝶。<br>马蹄到处鬼神嚎，目前一怒应流血。<br>枭雄玄德掣双锋，抖擞天威施勇烈。<br>三人围绕战多时，遮拦架隔无休歇。<br>喊声震动天地翻，杀气迷漫牛斗寒。<br>吕布力穷寻走路，遥望家山拍马还。<br>倒拖画杆方天戟，乱散销金五彩幡。<br>顿断绒绦走赤兔，翻身飞上虎牢关<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 三英战吕布后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                原是昭阳宫里人，<br>惊鸿宛转掌中身，<br>只疑飞过洞庭春。<br>按彻《梁州》莲步稳，<br>好花风袅一枝新，<br>画堂香暖不胜春。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 貂蝉见董卓后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                红牙催拍燕飞忙，一片行云到画堂。<br>眉黛促成游子恨，脸容初断故人肠。<br>榆钱不买千金笑，柳带何须百宝妆。<br>舞罢隔帘偷目送，不知谁是楚襄王。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 貂蝉见董卓后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                一点樱桃启绛唇，两行碎玉喷阳春。<br>丁香舌吐衠钢剑，要斩奸邪乱国臣。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 貂蝉见董卓唱一曲后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                司徒妙算托红裙，不用干戈不用兵。<br>三战虎牢徒费力，凯歌却奏凤仪亭。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 董卓不肯将貂蝉送给吕布
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                千里草，何青青！十日卜，不得生！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 董卓入朝前
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                霸业成时为帝王，不成且作富家郎。<br>谁知天意无私曲，郿坞方成已灭亡。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 董卓死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                董卓专权肆不仁，侍中何自竟亡身？<br>当时诸葛隆中卧，安肯轻身事乱臣。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 蔡邕死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                王允运机筹，奸臣董卓休。<br>心怀家国恨，眉锁庙堂忧。<br>英气连霄汉，忠诚贯斗牛。<br>至今魂与魄，犹绕凤凰楼。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 王允死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                曹操奸雄世所夸，曾将吕氏杀全家。<br>如今阖户逢人杀，天理循环报不差。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 曹操一家被杀后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                光武中兴兴汉世，上下相承十二帝。<br>桓灵无道宗社堕，阉臣擅权为叔季。<br>无谋何进作三公，欲除社鼠招奸雄。<br>豺獭虽驱虎狼入，西州逆竖生淫凶。<br>王允赤心托红粉，致令董吕成矛盾。<br>渠魁殄灭天下宁，谁知李郭心怀愤。<br>神州荆棘争奈何，六宫饥馑愁干戈。<br>人心既离天命去，英雄割据分山河。<br>后王规此存兢业，莫把金瓯等闲缺。<br>生灵糜烂肝脑涂，剩水残山多怨血。<br>我观遗史不胜悲，今古茫茫叹黍离。<br>人君当守苞桑戒，太阿谁执全纲维<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 李傕郭汜内乱后抢皇帝
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                血流芒砀白蛇亡，赤帜纵横游四方。<br>秦鹿逐翻兴社稷，楚雅推倒立封疆。<br>天子懦弱奸邪起，气色凋零盗贼狂。<br>看到两京遭难处，铁人无泪也怬惶！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 献帝重回洛阳，洛阳荒芜
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                温侯神射世间稀，曾向辕门独解危。<br>落日果然欺后羿，号猿直欲胜由基。<br>虎筋弦响弓开处，雕羽翅飞箭到时。<br>豹子尾摇穿画戟，雄兵十万脱征衣。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 吕布辕门射戟后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                十万貔貅十万心，一人号令众难禁。<br>拔刀割发权为首，方见曹瞒诈术深。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 曹操割发代首后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                生死无二志，丈夫何壮哉！<br>不从金石论，空负栋梁材。<br>辅主真堪敬，辞亲实可哀。<br>白门身死日，谁肯似公台！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 陈宫死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                洪水滔滔淹下邳，当年吕布受擒时。<br>空余赤兔马千里，漫有方天戟一枝。<br>缚虎望宽今太懦，养鹰休饱昔无疑。<br>恋妻不纳陈宫谏，枉骂无恩大耳儿。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 吕布死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                伤人饿虎缚体宽，董卓丁原血未干。<br>玄德既知能啖父，争如留取害曹瞒？<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 吕布死后 论刘备的
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                勉从虎穴暂趋身，说破英雄惊杀人。<br>巧借闻雷来掩饰，随机应变信如神。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 煮酒论英雄后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                束兵秣马去匆匆，心念天言衣带中。<br>撞破铁笼逃虎豹，顿开金锁走蛟龙。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 刘备逃离许都后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                汉末刀兵起四方，无端袁术太猖狂。<br>不思累世为公相，便欲孤身作帝王。<br>强暴枉夸传国玺，骄奢妄说应天祥。<br>渴思蜜水无由得，独卧空床呕血亡。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 袁术死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                黄祖才非长者俦，祢衡珠碎此江头。<br>今来鹦鹉洲边过，惟有无情碧水流。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 祢衡死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                汉朝无起色，医国有称平。<br>立誓除奸党，捐躯报圣明。<br>极刑词愈烈，惨死气如生。<br>十指淋漓处，千秋仰异名。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 吉平死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                密诏传衣带，天言出禁门。<br>当年曾救驾，此日更承恩。<br>忧国成心疾，除奸入梦魂。<br>忠贞千古在，成败复谁论。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 董承死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                书名尺素矢忠谋，慷慨思将君父酬。<br>赤胆可怜捐百口，丹心自是足千秋。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 王子服等四人死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                春殿承恩亦枉然，伤哉龙种并时捐。<br>堂堂帝主难相救，掩面徒看泪涌泉。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 董妃死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                吁嗟帝胄势孤穷，全仗分兵劫寨功。<br>争奈牙旗折有兆，老天何故纵奸雄？<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 曹操攻打刘备小沛，风吹折牙旗时
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                威倾三国著英豪，一宅分居义气高。<br>奸相枉将虚礼待，岂知关羽不降曹。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 关羽不要金银，只要赤兔想快点见兄长时
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                挂印封金辞汉相，寻兄遥望远途还。<br>马骑赤兔行千里，刀偃青龙出五关。<br>忠义慨然冲宇宙，英雄从此震江山。<br>独行斩将应无敌，今古留题翰墨间。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 过五关斩六将后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                当时手足似瓜分，信断音稀杳不闻。<br>今日君臣重聚义，正如龙虎会风云。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 古城刘关张重聚后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                孙郎智勇冠江湄，射猎山中受困危。<br>许客三人能死义，杀身豫让未为奇。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 孙策被刺杀后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                独战东南地，人称小霸王。<br>运筹如虎踞，决策似鹰扬。<br>威镇三江靖，名闻四海香。<br>临终遗大事，专意属周郎。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 孙策死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                本初豪气盖中华，官渡相持枉叹嗟。<br>若使许攸谋见用，山河争得属曹家？<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 官渡袁绍不听许攸之言后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                逆耳忠言反见仇，独夫袁绍少机谋。<br>乌巢粮尽根基拔，犹欲区区守冀州。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 不听沮授乌巢重要后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                河北多名士，忠贞推沮君。<br>凝眸知阵法，仰面识天文。<br>至死心如铁，临危气似云。<br>曹公钦义烈，特与建孤坟。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 沮授死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                昨朝沮授军中失，今日田丰狱内亡。<br>河北栋梁皆折断，本初焉不丧家邦！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 田丰死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                累世公卿立大名，少年意气自纵横。<br>空招俊杰三千客，漫有英雄百万兵。<br>羊质虎皮功不就，凤毛鸡胆事难成。<br>更怜一种伤心处，家难徒延两弟兄。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 袁绍死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                河北多名士，谁如审正南。<br>命因昏主丧，心与古人参。<br>忠直言无隐，廉能志不贪。<br>临亡犹北面，降者尽羞惭。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 审配死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                天生郭奉孝，豪杰冠群英。<br>腹内藏经史，胸中隐甲兵。<br>运谋如范蠡，决策似陈平。<br>可惜身先丧，中原梁栋倾。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 郭嘉死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                曹公屈指从头数，天下英雄独使君。<br>髀肉复生犹感叹，争教寰字不三分？<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 刘备与刘表喝酒后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                数年徒守困，空对旧山川。<br>龙岂池中物，乘雷欲上天！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 蔡瑁写反诗嫁祸刘备
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                老去花残春日暮，宦游偶至檀溪路。<br>停骖遥望独徘徊，眼前零落飘红絮。<br>暗想咸阳火德衰，龙争虎斗交相持。<br>襄阳会上王孙饮，坐中玄德身将危。<br>逃生独出西门道，背后追兵复将到。<br>一川烟水涨檀溪，急叱征骑往前跳。<br>马蹄蹄碎青玻璃，天风响处金鞭挥。<br>耳畔但闻千骑走，波中忽见双龙飞。<br>西川独霸真英主，坐下龙驹两相遇。<br>檀溪溪水自东流，龙驹英主今何处！<br>临流三叹心欲酸，斜阳寂寂照空山。<br>三分鼎足浑如梦，踪迹空留在世间。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 跃马檀溪后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                天地反覆兮，火欲殂；<br>大厦将崩兮，一木难扶。<br>山谷有贤兮，欲投明主；<br>明主求贤兮，却不知吾。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 徐庶出场
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                痛恨高贤不再逢，临岐泣别两情浓。<br>片言却似春雷震，能使南阳起卧龙。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 徐庶走马荐诸葛
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                苍天如圆盖，陆地似棋局。<br>世人黑白分，往来争荣辱。<br>荣者自安安，辱者定碌碌。<br>南阳有隐居，高眠卧不足！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 农夫唱的歌，诸葛亮写
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                襄阳城西二十里，一带高冈枕流水。<br>高冈屈曲压云根，流水潺潺飞石髓。<br>势若困龙石上蟠，形如单凤松阴里。<br>柴门半掩闭茅庐，中有高人卧不起。<br>修竹交加列翠屏，四时篱落野花馨。<br>床头堆积皆黄卷，座上往来无白丁。<br>叩户苍猿时献果，守门老鹤夜听经。<br>囊里名琴藏古锦，壁间宝剑挂七星。<br>庐中先生独幽雅，闲来亲自勤耕稼。<br>专待春雷惊梦回，一声长啸安天下。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 描写卧龙冈
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                吾皇提剑清寰海，创业垂基四百载。<br>桓灵季业火德衰，奸臣贼子调鼎鼐。<br>青蛇飞下御座傍，又见妖虹降玉堂。<br>群盗四方如蚁聚，奸雄百辈皆鹰扬。<br>吾侪长啸空拍手，闷来村店饮村酒。<br>独善其身尽日安，何须千古名不朽！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 石广元、孟公威唱的歌
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                凤翱翔于千仞兮，非梧不栖；<br>士伏处于一方兮，非主不依。<br>乐躬耕于陇亩兮，吾爱吾庐；<br>聊寄傲于琴书兮，以待天时。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 诸葛均唱的歌
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                一夜北风寒，万里彤云厚。<br>长空雪乱飘，改尽江山旧。<br>仰面观火虚，疑是玉龙斗。<br>纷纷鳞甲飞，顷刻遍宇宙。<br>骑驴过小桥，独叹梅花瘦！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 黄承彦唱的歌
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                一天风雪访贤良，不遇空回意感伤。<br>冻合溪桥山石滑，寒侵鞍马路途长。<br>当头片片梨花落，扑面纷纷柳絮狂。<br>回首停鞭遥望处，烂银堆满卧龙冈。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 玄德风雪访孔明后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                大梦谁先觉？平生我自知。<br>草堂春睡足，窗外日迟迟。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 诸葛亮醒后所吟
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                豫州当日叹孤穷，何幸南阳有卧龙！<br>欲识他年分鼎处，先生笑指画图中。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 定三分天下之计后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                身未升腾思退步，功成应忆去时言。<br>只因先主叮咛后，星落秋风五丈原。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 诸葛亮出山后之一
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                高皇手提三尺雪，芒砀白蛇夜流血。<br>平秦灭楚入咸阳，二百年前几断绝。<br>大哉光武兴洛阳，传至桓灵又崩裂。<br>献帝迁都幸许昌，纷纷四海生豪杰。<br>曹操专权得天时，江东孙氏开鸿业。<br>孤穷玄德走天下，独居新野愁民厄。<br>南阳卧龙有大志，腹内雄兵分正奇。<br>只因徐庶临行语，茅庐三顾心相知。<br>先生尔时年三九，收拾琴书离陇亩。<br>先取荆州后取川，大展经纶补天手。<br>纵横舌上鼓风雷，谈笑胸中换星斗。<br>龙骧虎视安乾坤，万古千秋名不朽！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 诸葛亮出山后之二
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                才节双全世所无，奸回一旦受摧锄。<br>庸臣从贼忠臣死，不及东吴女丈夫。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 徐氏杀妫、戴二贼后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                博望相持用火攻，指挥如意笑谈中。<br>直须惊破曹公胆，初出茅庐第一功！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 火烧博望后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                孔融居北海，豪气贯长虹。<br>坐上客长满，樽中酒不空。<br>文章惊世俗，谈笑侮王公。<br>史笔褒忠直，存官纪太中。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 孔融死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                昔闻袁氏居河朔，又见刘君霸汉阳。<br>总为牝晨致家累，可怜不久尽销亡！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 刘表死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                奸雄曹操守中原，九月南征到汉川。<br>风伯怒临新野县，祝融飞下焰摩天。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 火烧新野后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                临难仁心存百姓，登舟挥泪动三军。<br>至今凭吊襄江口，父老犹然忆使君。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 刘备带着百姓逃亡
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                战将全凭马力多，步行怎把幼君扶？<br>拚将一死存刘嗣，勇决还亏女丈夫。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 糜夫人投井后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                红光罩体困龙飞，征马冲开长坂围。<br>四十二年真命主，将军因得显神威。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 赵云马跳出坑后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                血染征袍透甲红，当阳谁敢与争锋！<br>古来冲阵扶危主，只有常山赵子龙。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 赵云冲出包围
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                曹操军中飞虎出，赵云怀内小龙眠。<br>无由抚慰忠臣意，故把亲儿掷马前。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  刘备掷阿斗后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                黄口孺子，怎闻霹雳之声；<br>病体樵夫，难听虎豹之吼。<br>一时弃枪落盔者，不计其数，<br>人如潮涌，马似山崩，自相践踏。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  长坂桥夏侯杰被张飞吓死后之一
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                长坂桥头杀气生，横枪立马眼圆睁。<br>一声好似轰雷震，独退曹家百万兵。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  长坂桥夏侯杰被张飞吓死后之二
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                丈夫处世兮立功名；<br>立功名兮慰平生。<br>慰平生兮吾将醉；<br>吾将醉兮发狂吟！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  蒋干与周瑜筵席时，周瑜所唱
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                曹操奸雄不可当，一时诡计中周郎。<br>蔡张卖主求生计，谁料今朝剑下亡！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  蔡瑁、张允被杀后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                一天浓雾满长江，远近难分水渺茫。<br>骤雨飞蝗来战舰，孔明今日伏周郎。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  草船借箭后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                赤壁鏖兵用火攻，运筹决策尽皆同。<br>若非庞统连环计，公瑾安能立大功？<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  连环计成后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                曹操征南日日忧，马腾韩遂起戈矛。<br>凤雏一语教徐庶，正似游鱼脱钓钩。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  徐庶脱离赤壁后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                折戟沉沙铁未消，自将磨洗认前朝。<br>东风不与周郎便，铜雀春深锁二乔。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  赤壁前夕，在大船上宴请诸将，说要娶二乔，以娱暮年
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                对酒当歌，人生几何：<br>譬如朝露，去日苦多。<br>慨当以慷，忧思难忘；<br>何以解忧，惟有杜康。<br>青青子衿，悠悠我心；<br>但为君故，沉吟至今。<br>呦呦鹿鸣，食野之苹；<br>我有嘉宾，鼓瑟吹笙。<br>皎皎如月，何时可辍？<br>忧从中来，不可断绝！<br>越陌度阡，枉用相存；<br>契阔谈宴，心念旧恩。<br>月明星稀，乌鹊南飞；<br>绕树三匝，无枝可依。<br>山不厌高，水不厌深：<br>周公吐哺，天下归心。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  赤壁前夕，在大船上宴请诸将，曹操所唱
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                七星坛上卧龙登，一夜东风江水腾。<br>不是孔明施妙计，周郎安得逞才能？<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 孔明借东风后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                魏吴争斗决雌雄，赤壁楼船一扫空。<br>烈火初张照云海，周郎曾此破曹公。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  火烧赤壁后之一
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                山高月小水茫茫，追叹前朝割据忙。<br>南士无心迎魏武，东风有意便周郎。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  烧赤壁后之二
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                曹瞒兵败走华容，正与关公狭路逢。<br>只为当初恩义重，放开金锁走蛟龙。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  关羽华容放曹操后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                将军气概与天参，白发犹然困汉南。<br>至死甘心无怨望，临降低首尚怀惭。<br>宝刀灿雪彰神勇，铁骑临风忆战酗。<br>千古高名应不泯，长随孤月照湘潭。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  黄忠归顺刘备后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                矢志全忠孝，东莱太史慈。<br>姓名昭远塞，弓马震雄师。<br>北海酬恩日，神亭酣战时。<br>临终言壮志，千古共嗟咨！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  太史慈死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                宝剑落时山石断，金环响处火光生。<br>两朝旺气皆天数，从此乾坤鼎足成。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  刘备断石，想回荆州
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                江山雨霁拥青螺，境界无忧乐最多。<br>昔日英雄凝目处，岩崖依旧抵风波。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  在甘露寺观江山后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                驰骤龙驹气概多，二人并辔望山河。<br>东吴西蜀成王霸，千古犹存驻马坡。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  孙权刘备骑马去驻马坡后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                吴蜀成婚此水浔，明珠步障屋黄金。<br>谁知一女轻天下，欲易刘郎鼎峙心。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  刘备回荆州的路上，想起在吴繁华之事
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                周公恐惧流言日，王莽谦恭下士时。<br>假使当年身便死，一生真伪有谁知！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  铜雀台曹操说下自己理想和现实后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                周瑜决策取荆州，诸葛先知第一筹。<br>指望长江香饵稳，不知暗里钓鱼钩。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  周瑜要取荆州，诸葛设计后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                赤壁遗雄烈，青年有俊声。<br>弦歌知雅意，杯酒谢良朋<br>曾谒三千斛，常驱十万兵。<br>巴丘终命处，凭吊欲伤情。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  周瑜死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                卧龙南阳睡未醒，又添列曜下舒城。<br>苍天既已生公瑾，尘世何须出孔明！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  诸葛亮祭拜周瑜后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                呜呼公瑾，不幸夭亡！<br>修短故天，人岂不伤？<br>我心实痛，酹酒一觞；<br>君其有灵，享我烝尝！<br>吊君幼学，以交伯符；<br>仗义疏财，让舍以民。<br>吊君弱冠，万里鹏抟；<br>定建霸业，割据江南。<br>吊君壮力，远镇巴丘；<br>景升怀虑，讨逆无忧。<br>吊君丰度，佳配小乔；<br>汉臣之婿，不愧当朝，<br>吊君气概，谏阻纳质；<br>始不垂翅，终能奋翼。<br>吊君鄱阳，蒋干来说；<br>挥洒自如，雅量高志。<br>吊君弘才，文武筹略；<br>火攻破敌，挽强为弱。<br>想君当年，雄姿英发；<br>哭君早逝，俯地流血。<br>忠义之心，英灵之气；<br>命终三纪，名垂百世，<br>哀君情切，愁肠千结；<br>惟我肝胆，悲无断绝。<br>昊天昏暗，三军怆然；<br>主为哀泣；友为泪涟。<br>亮也不才，丐计求谋；<br>助吴拒曹，辅汉安刘；<br>掎角之援，首尾相俦，<br>若存若亡，何虑何忧？<br>呜呼公瑾！生死永别！<br>朴守其贞，冥冥灭灭，<br>魂如有灵，以鉴我心：<br>从此天下，更无知音！<br>呜呼痛哉！伏惟尚飨。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  诸葛亮祭文
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                父子齐芳烈，忠贞著一门。<br>捐生图国难，誓死答君恩。<br>嚼血盟言在，诛奸义状存。<br>西凉推世胄，不愧伏波孙！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  马腾死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                苗泽因私害荩臣，春香未得反伤身。<br>奸雄亦不相容恕，枉自图谋作小人。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  曹操杀苗泽一家后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                潼关战败望风逃，孟德怆惶脱锦袍。<br>剑割髭髯应丧胆，马超声价盖天高。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  曹操割须弃袍后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                古怪形容异，清高体貌疏。<br>语倾三峡水，目视十行书。<br>胆量魁西蜀，文章贯太虚。<br>百家并诸子，一览更无余。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  张松过目不忘
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                倒挂城门捧谏章，拚将一死报刘璋。<br>黄权折齿终降备，矢节何如王累刚！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  王累死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                昔年救主在当阳，今日飞身向大江。<br>船上吴兵皆胆裂，子龙英勇世无双！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  阿斗被抢回后之一
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                长坂桥边怒气腾，一声虎啸退曹兵。<br>今朝江上扶危主，青史应传万载名。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  阿斗被抢回后之二
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                文若才华天下闻，可怜失足在权门。<br>后人休把留侯比，临没无颜见汉君。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  荀彧死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                古岘相连紫翠堆，士元有宅傍山隈。<br>儿童惯识呼鸠曲，闾巷曾闻展骥才。<br>预计三分平刻削，长驱万里独徘徊。<br>谁知天狗流星坠，不使将军衣锦回。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  庞统死后之一
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                一凤并一龙，相将到蜀中。<br>才到半路里，凤死落坡东。<br>风送雨，雨随风，隆汉兴时蜀道通，<br>蜀道通时只有龙。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  庞统死后之二
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                白发居西蜀，清名震大邦。<br>忠心如皎月，浩气卷长江。<br>宁可断头死，安能屈膝降？<br>巴州年老将，天下更无双。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  张飞义释严颜后之一
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                生获严颜勇绝伦，惟凭义气服军民。<br>至今庙貌留巴蜀，社酒鸡豚日日春。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  张飞义释严颜后之二
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                烈士岂甘从二主，张君忠勇死犹生。<br>高明正似天边月，夜夜流光照雒城。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  张任死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                藐视吴臣若小儿，单刀赴会敢平欺。<br>当年一段英雄气，尤胜相如在渑池。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  关羽单刀赴会后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                华歆当日逞凶谋，破壁生将母后收。<br>助虐一朝添虎翼，骂名千载笑龙头！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  华歆收捕伏皇后之一
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                辽东传有管宁楼，人去楼空名独留。<br>笑杀子鱼贪富贵，岂如白帽自风流。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  华歆收捕伏皇后之二
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                曹瞒凶残世所无，伏完忠义欲何如。<br>可怜帝后分离处，不及民间妇与夫！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  伏完一家被杀后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                妨贤卖主逞奇功，积得金银总是空。<br>家未荣华身受戮，令人千载笑杨松！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  曹操得汉中后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                的卢当日跳檀溪，又见吴侯败合淝。<br>退后着鞭驰骏骑，逍遥津上玉龙飞。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  孙权兵败合淝后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                鼙鼓声喧震地来，吴师到处鬼神哀！<br>百翎直贯曹家寨，尽说甘宁虎将才。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  甘宁百骑劫营后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                清河崔琰，天性坚刚。<br>虬髯虎目，铁石心肠。<br>奸邪辟易，声节显昂。<br>忠于汉主，千古名扬！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  崔琰死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                飞步凌云遍九州，独凭遁甲自遨游。<br>等闲施设神仙术，点悟曹瞒不转头。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  左慈戏曹操后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                平原神卜管公明，能算南辰北斗星。<br>八封幽微通鬼窍，六爻玄奥究天庭。<br>预知相法应无寿，自觉心源极有灵。<br>可惜当年奇异术，后人无复授遗经。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  管辂算命后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                耿纪精忠韦晃贤，各持空手欲扶天。<br>谁知汉祚相将尽，恨满心胸丧九泉。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 耿纪、韦晃死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                苍头临大敌，皓首逞神威。<br>力趁雕弓发，风迎雪刃挥。<br>雄声如虎吼，骏马似龙飞。<br>献馘功勋重，开疆展帝畿。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  夏侯渊死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                昔日战长坂，威风犹未减。<br>突阵显英雄，被围施勇敢。<br>鬼哭与神号，天惊并地惨。<br>常山赵子龙，一身都是胆！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  赵云救黄忠、拒汉水后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                聪明杨德祖，世代继簪缨。<br>笔下龙蛇走，胸中锦绣成。<br>开谈惊四座，捷对冠群英。<br>身死因才误，非关欲退兵。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  杨修死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                夜半征鼙响震天，襄樊平地作深渊。<br>关公神算谁能及，华夏威名万古传。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  水淹七军后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                治病须分内外科，世间妙艺苦无多。<br>神威罕及惟关将，圣手能医说华佗。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  刮骨疗毒后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                汉末才无敌，云长独出群：<br>神威能奋武，儒雅更知文。<br>天日心如镜，《春秋》义薄云。<br>昭然垂万古，不止冠三分。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  关羽死后之一
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                人杰惟追古解良，士民争拜汉云长。<br>桃园一日兄和弟，俎豆千秋帝与王。<br>气挟风雷无匹敌，志垂日月有光芒。<br>至今庙貌盈天下，古木寒鸦几夕阳。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  关羽死后之二
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                赤面秉赤心、骑赤兔追风，<br>驰驱时无忘赤帝；<br>青灯观青史、仗青龙偃月，<br>隐微处不愧青天。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  玉泉山显圣后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                华佗仙术比长桑，神识如窥垣一方。<br>惆怅人亡书亦绝，后人无复见青囊！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  华佗死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                三马同槽事可疑，不知已植晋根基。<br>曹瞒空有奸雄略，岂识朝中司马师？<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  曹操梦三马同槽
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                三十年来说旧交，可怜临难不忠曹。<br>知人未向心中识，画虎今从骨里描。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  于禁死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                两肉齐道行，头上带凹骨。<br>相遇块山下，郯起相搪突。<br>二敌不俱刚，一肉卧土窟。<br>非是力不如，盛气不泄毕。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  曹植七步成章
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                煮豆燃豆萁，豆在釜中泣。<br>本是同根生，相煎何太急！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  七步诗
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                奸宄专权汉室亡，诈称禅位效虞唐。<br>满朝百辟皆尊魏，仅见忠臣符宝郎。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 祖弼死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                两汉经营事颇难，一朝失却旧江山。<br>黄初欲学唐虞事，司马将来作样看。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  曹丕称帝
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                安喜曾闻鞭督邮，黄巾扫尽佐炎刘。<br>虎牢关上声先震，长坂桥边水逆流。<br>义释严颜安蜀境，智欺张郃定中州。<br>伐吴未克身先死，秋草长遗阆地愁。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  张飞死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                老将说黄忠，收川立大功。<br>重披金锁甲，双挽铁胎弓。<br>胆气惊河北，威名镇蜀中。<br>临亡头似雪，犹自显英雄。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  黄忠死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                吴郡甘兴霸，长江锦幔舟。<br>酬君重知已，报友化仇雠。<br>劫寨将轻骑，驱兵饮巨瓯。<br>神鸦能显圣，香火永千秋。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  甘宁死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                虎帐谈兵按六韬，安排香饵钓鲸鳌。<br>三分自是多英俊，又显江南陆逊高。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  陆逊掌权后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                持矛举火破连营，玄德穷奔白帝城。<br>一旦威名惊蜀魏，吴王宁不敬书生。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  陆逊火烧连营后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                彝陵吴蜀大交兵，陆逊施谋用火焚。<br>至死犹然骂吴狗，傅彤不愧汉将军。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  傅彤死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                慷慨蜀中程祭酒，身留一剑答君王。<br>临危不改平生志，博得声名万古香。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  程畿死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                冯习忠无二，张南义少双。<br>沙场甘战死，史册共流芳。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  冯习、张南死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                先主兵归白帝城，夫人闻难独捐生。<br>至今江畔遗碑在，犹著千秋烈女名。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  孙夫人自杀后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                功盖三分国，名成八阵图。<br>江流石不转，遗恨失吞吴。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  八阵图退陆逊后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                降吴不可却降曹，忠义安能事两朝？<br>堪叹黄权惜一死，紫阳书法不轻饶。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  黄权投曹后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                蜀主窥吴向三峡，崩年亦在永安宫。<br>翠华想像空山外，玉殿虚无野寺中。<br>古庙杉松巢水鹤，岁时伏腊走村翁。<br>武侯祠屋长邻近，一体君臣祭祀同。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  刘备死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                五月驱兵入不毛，月明泸水瘴烟高。<br>誓将雄略酬三顾，岂惮征蛮七纵劳。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  三擒孟获后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                山泽欲焦枯，火光覆太虚。不知天地外，暑气更何如！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  讨伐孟获，感叹六月南方苦热之一
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                赤帝施权柄，阴云不敢生。<br>云蒸孤鹤喘，海热巨鳌惊。<br>忍舍溪边坐？慵抛竹里行。<br>如何沙塞客，擐甲复长征！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  讨伐孟获，感叹六月南方苦热之二
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                高士幽栖独闭关，武侯曾此破诸蛮。<br>至今古木无人境，犹有寒烟锁旧山。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  孟节帮诸葛亮破瘴气指路后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                为国平蛮统大兵，心存正道合神明。<br>耿恭拜井甘泉出，诸葛虔诚水夜生。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  诸葛获得井水后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                羽扇纶巾拥碧幢，七擒妙策制蛮王。<br>至今溪洞传威德，为选高原立庙堂。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 七擒孟获后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                忆昔常山赵子龙，年登七十建奇功。<br>独诛四将来冲阵，犹似当阳救主雄。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  赵云连杀韩德四子
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                兵马出西秦，雄才敌万人。<br>轻摇三寸舌，骂死老奸臣。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  诸葛骂死王朗后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                瑶琴三尺胜雄师，诸葛西城退敌时。<br>十五万人回马处，土人指点到今疑。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  诸葛弹琴退司马后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                失守街亭罪不轻，堪嗟马谡枉谈兵。<br>辕门斩首严军法，拭泪犹思先帝明。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  马谡死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                常山有虎将，智勇匹关张。<br>汉水功勋在，当阳姓字彰。<br>两番扶幼主，一念答先皇。<br>青史书忠烈，应流百世芳。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  赵云死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                孔明妙算胜孙庞，耿若长星照一方。<br>进退行兵神莫测，陈仓道口斩王双。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  王双死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                悍勇张苞欲建功，可怜天不助英雄！<br>武侯泪向西风洒，为念无人佐鞠躬。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  张苞死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                伏弩齐飞万点星，木门道上射雄兵。<br>至今剑阁行人过，犹说军师旧日名。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  张郃死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                生死人常理，蜉蝣一样空。<br>但存忠孝节，何必寿乔松。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  关兴死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                剑关险峻驱流马，斜谷崎岖驾木牛。<br>后世若能行此法，输将安得使人愁？<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  造木牛流马后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                谷口风狂烈焰飘，何期骤雨降青霄。<br>武侯妙计如能就，安得山河属晋朝！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  司马懿差点被烧死逃脱后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                长星昨夜坠前营，讣报先生此日倾。<br>虎帐不闻施号令，麟台惟显著勋名。<br>空余门下三千客，辜负胸中十万兵。<br>好看绿阴清昼里，于今无复雅歌声！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  诸葛亮死后之一
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                先生晦迹卧山林，三顾那逢圣主寻。<br>鱼到南阳方得水，龙飞天汉便为霖。<br>托孤既尽殷勤礼，报国还倾忠义心。<br>前后出师遗表在，令人一览泪沾襟。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  诸葛亮死后之二
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                拨乱扶危主，殷勤受托孤。<br>英才过管乐，妙策胜孙吴。<br>凛凛《出师表》，堂堂八阵图。<br>如公全盛德，应叹古今无！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 诸葛亮死后之三
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                长星半夜落天枢，奔走还疑亮未殂。<br>关外至今人冷笑，头颅犹问有和无！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 司马被假诸葛吓退后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                诸葛先机识魏延，已知日后反西川。<br>锦囊遗计人难料，却见成功在马前。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 魏延死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                丞相祠堂何处寻，锦官城外柏森森。<br>映阶碧草自春色，隔叶黄鹏空好音。<br>三顾频烦天下计，两朝开济老臣心。<br>出师未捷身先死，长使英雄泪满襟！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 诸葛亮死后之四
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                诸葛大名垂宇宙，宗臣遗像肃清高。<br>三分割据纡筹策，万古云霄一羽毛。<br>伯仲之间见伊吕，指挥若定失萧曹。<br>运移汉祚终难复，志决身歼军务劳。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 诸葛亮死后之五
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                弱草微尘尽达观，夏侯有女义如山。<br>丈夫不及裙钗节，自顾须眉亦汗颜。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong>  夏侯令女自残后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                为臣食禄当思报，事主临危合尽忠。<br>辛氏宪英曾劝弟，故令千载颂高风。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 司马懿预杀辛敞，听解释后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                传得圣贤真妙诀，平原管辂相通神。<br>鬼幽鬼躁分何邓，未丧先知是死人。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 何晏、邓飏死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                紫髯碧眼号英雄，能使臣僚肯尽忠。<br>二十四年兴大业，龙盘虎踞在江东。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 孙权死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                妙算姜维不等闲，魏师受困铁笼间。<br>庞涓始入马陵道，项羽初围九里山。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 姜维困司马昭后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                当年伏后出宫门，跌足哀号别至尊。<br>司马今朝依此例，天教还报在儿孙。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 司马师杀皇后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                昔日曹瞒相汉时，欺他寡妇与孤儿。<br>谁知四十余年后，寡妇孤儿亦被欺。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 废曹芳后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                长坂当年独拒曹，子龙从此显英豪。<br>乐嘉城内争锋处，又见文鸯胆气高。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 文鸯单骑退兵后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                司马当年围寿春，降兵无数拜车尘。<br>东吴虽有英雄士，谁及于诠肯杀身！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 于诠死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                忠臣矢志不偷生，诸葛公休帐下兵。<br>《薤露》歌声应未断，遗踪直欲继田横！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 诸葛诞死后，手下都不降皆死
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                乱贼诬伊尹，奸臣冒霍光。<br>可怜聪明主，不得莅朝堂。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 孙亮被废
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                伤哉龙受困，不能跃深渊。<br>上不飞天汉，下不见于田。<br>蟠居于井底，鳅鳝舞其前。<br>藏牙伏爪甲，嗟我亦同然！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 曹髦写潜龙诗
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                司马当年命贾充，弑君南阙赭袍红。<br>却将成济诛三族，只道军民尽耳聋。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 成济死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                汉初夸伏剑，汉末见王经。<br>真烈心无异，坚刚志更清。<br>节如泰华重，命似鸿毛轻。<br>母子声名在，应同天地倾。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 王经死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                一日抒忠愤，千秋仰义名。<br>宁为傅佥死，不作蒋舒生。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 傅佥死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                数万阴兵绕定军，致令钟会拜灵神。<br>生能决策扶刘氏，死尚遗言保蜀民。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 武侯显圣后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                阴平峻岭与天齐，玄鹤徘徊尚怯飞。<br>邓艾裹毡从此下，谁知诸葛有先机。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 邓艾暗度阴平后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                后主昏迷汉祚颠，天差邓艾取西川。<br>可怜巴蜀多名将，不及江油李氏贤。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 李氏之死
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                不是忠臣独少谋，苍天有意绝炎刘。<br>当年诸葛留嘉胤，节义真堪继武侯。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 诸葛瞻、诸葛尚死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                君臣甘屈膝，一子独悲伤。<br>去矣西川事，雄哉北地王！<br>捐身酬烈祖，搔首泣穹苍。<br>凛凛人如在，谁云汉已亡？<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 北地王刘谌自刎
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                魏兵数万入川来，后主偷生失自裁。<br>黄皓终存欺国意，姜维空负济时才。<br>全忠义士心何烈，守节王孙志可哀。<br>昭烈经营良不易，一朝功业顿成灰。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 刘禅投降后之一
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                鱼鸟犹疑畏简书，风云长为护储胥。<br>徒令上将挥神笔，终见降王走传车。<br>管乐有才真不忝，关张无命欲何如！<br>他年锦里经祠庙，梁父吟成恨有余！<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 刘禅投降后之二
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                自幼能筹画，多谋善用兵。<br>凝眸知地理，仰面识天文。<br>马到山根断，兵来石径分。<br>功成身被害，魂绕汉江云。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 邓艾死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                髫年称早慧，曾作秘书郎。<br>妙计倾司马，当时号子房。<br>寿春多赞画，剑阁显鹰扬。<br>不学陶朱隐，游魂悲故乡。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 钟会死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                天水夸英俊，凉州产异才。<br>系从尚父出，术奉武侯来。<br>大胆应无惧，雄心誓不回。<br>成都身死日，汉将有余哀。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 姜维死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                追欢作乐笑颜开，不念危亡半点哀。<br>快乐异乡忘故国，方知后主是庸才。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 乐不思蜀后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                魏吞汉室晋吞曹，天运循环不可逃。<br>张节可怜忠国死，一拳怎障泰山高。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 曹奂禅位晋王
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                晋国规模如魏王，陈留踪迹似山阳。<br>重行受禅台前事，回首当年止自伤。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 司马炎称帝
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                晓日登临感晋臣，古碑零落岘山春。<br>松间残露频频滴，疑是当年堕泪人。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 羊祜死后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                杜预巴山见大旗，江东张悌死忠时。<br>已拚王气南中尽，不忍偷生负所知。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 杜预攻陷牛渚
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                西晋楼船下益州，金陵王气黯然收。<br>千寻铁锁沉江底，一片降旗出石头。<br>人世几回伤往事，山形依旧枕寒流。<br>今逢四海为家日，故垒萧萧芦荻秋。<br>
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 孙皓投降后
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card verse-card">
                        <div class="card-body">
                            <div class="verse-content">
                                高祖提剑入咸阳，炎炎红日升扶桑。<br>
                                光武龙兴成大统，金乌飞上天中央。<br>
                                哀哉献帝绍海宇，红轮西坠咸池傍！<br>
                                何进无谋中贵乱，凉州董卓居朝堂。<br>
                                王允定计诛逆党，李傕郭汜兴刀枪。<br>
                                四方盗贼如蚁聚，六合奸雄皆鹰扬。<br>
                                孙坚孙策起江左，袁绍袁术兴河梁。<br>
                                刘焉父子据巴蜀，刘表军旅屯荆襄。<br>
                                张燕张鲁霸南郑，马腾韩遂守西凉。<br>
                                陶谦张绣公孙瓒，各逞雄才占一方。<br>
                                曹操专权居相府，牢笼英俊用文武。<br>
                                威挟天子令诸侯，总领貌貅镇中土。<br>
                                楼桑玄德本皇孙，义结关张愿扶主。<br>
                                东西奔走恨无家，将寡兵微作羁旅。<br>
                                南阳三顾情何深，卧龙一见分寰宇。<br>
                                先取荆州后取川，霸业图王在天府。<br>
                                呜呼三载逝升遐，白帝托孤堪痛楚！<br>
                                孔明六出祁山前，愿以只手将天补。<br>
                                何期历数到此终，长星半夜落山坞！<br>
                                姜维独凭气力高，九伐中原空劬劳。<br>
                                钟会邓艾分兵进，汉室江山尽属曹。<br>
                                丕睿芳髦才及奂，司马又将天下交。<br>
                                受禅台前云雾起，石头城下无波涛。<br>
                                陈留归命与安乐，王侯公爵从根苗。<br>
                                纷纷世事无穷尽，天数茫茫不可逃。<br>
                                鼎足三分已成梦，后人凭吊空牢骚。
                            </div>
                            <div class="verse-note">
                                <strong>备注：</strong> 结尾
                            </div>
                        </div>
                    </div>
                </div>






            </div>
        </section>

        <!-- 诗人评价板块 -->
        <section id="poet-evaluations" class="content-section">
            <h2 class="section-title"><i class="fas fa-feather-alt"></i> 诗人评价三国的诗句</h2>
            <div class="masonry-grid">
                <div class="grid-item">
                    <div class="card poem-card">
                        <div class="card-header">
                            <h3 class="card-title">蜀相</h3>
                        </div>
                        <div class="card-body">
                            <p class="poem-author">唐代：杜甫</p>
                            <div class="poem-content">
                                丞相祠堂何处寻？锦官城外柏森森。<br>
                                映阶碧草自春色，隔叶黄鹂空好音。<br>
                                三顾频烦天下计，两朝开济老臣心。<br>
                                出师未捷身先死，长使英雄泪满襟。
                            </div>
                            <div class="poem-note">
                                <p><strong>备注：</strong>杜甫定居成都草堂后，他探访了诸葛武侯祠，写下了这首感人肺腑的千古绝唱。</p>
                                <p><strong>主旨：</strong>"出师未捷身先死，长使英雄泪满襟。"已经成为咏叹、伤怀诸葛亮人生命运的绝唱。后代的爱国志士及普通读者一吟诵这首诗时，对诸葛亮的崇敬之情油然而生，不禁黯然泪下。</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card poem-card">
                        <div class="card-header">
                            <h3 class="card-title">赤壁</h3>
                        </div>
                        <div class="card-body">
                            <p class="poem-author">唐代：杜牧</p>
                            <div class="poem-content">
                                折戟沉沙铁未销，自将磨洗认前朝。<br>
                                东风不与周郎便，铜雀春深锁二乔。
                            </div>
                            <div class="poem-note">
                                <p><strong>备注：</strong>杜牧经过赤壁古战场，有感于三国时代的英雄成败而写下此诗。</p>
                                <p><strong>主旨：</strong>诗人借赤壁之战的历史，表达了对历史变迁的感慨，同时暗示了机遇在历史事件中的重要性。</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card poem-card">
                        <div class="card-header">
                            <h3 class="card-title">八阵图</h3>
                        </div>
                        <div class="card-body">
                            <p class="poem-author">唐代：杜甫</p>
                            <div class="poem-content">
                                功盖三分国，名成八阵图。<br>
                                江流石不转，遗恨失吞吴。
                            </div>
                            <div class="poem-note">
                                <p><strong>备注：</strong>杜甫在夔州看到八阵图遗迹时所作，表达对诸葛亮的敬仰之情。</p>
                                <p><strong>主旨：</strong>赞颂诸葛亮的丰功伟绩，同时对其未能完成统一大业表示深深的遗憾。</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card poem-card">
                        <div class="card-header">
                            <h3 class="card-title">咏怀古迹·其五</h3>
                        </div>
                        <div class="card-body">
                            <p class="poem-author">唐代：杜甫</p>
                            <div class="poem-content">
                                诸葛大名垂宇宙，宗臣遗像肃清高。<br>
                                三分割据纡筹策，万古云霄一羽毛。<br>
                                伯仲之间见伊吕，指挥若定失萧曹。<br>
                                运移汉祚终难复，志决身歼军务劳。
                            </div>
                            <div class="poem-note">
                                <p><strong>备注：</strong>杜甫在夔州瞻仰武侯祠时所作，表达对诸葛亮的崇高敬意。</p>
                                <p><strong>主旨：</strong>高度评价诸葛亮的政治才能和军事才能，将其与伊尹、吕尚、萧何、曹参等古代名相相提并论，并对其"运移汉祚"的无奈结局表示深切同情。</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card poem-card">
                        <div class="card-header">
                            <h3 class="card-title">南乡子·登京口北固亭有怀</h3>
                        </div>
                        <div class="card-body">
                            <p class="poem-author">宋代：辛弃疾</p>
                            <div class="poem-content">
                                何处望神州？满眼风光北固楼。<br>
                                千古兴亡多少事？悠悠。<br>不尽长江滚滚流。<br>
                                年少万兜鍪，坐断东南战未休。<br>
                                天下英雄谁敌手？曹刘。<br>生子当如孙仲谋。
                            </div>
                            <div class="poem-note">
                                <p><strong>备注：</strong>辛弃疾在镇江任知府时所作，借古喻今，表达对南宋朝廷的不满和对英雄人物的向往。</p>
                                <p><strong>主旨：</strong>通过对三国英雄孙权的赞颂，表达了对南宋朝廷苟且偷安的不满，抒发了作者渴望恢复中原的爱国情怀。</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card poem-card">
                        <div class="card-header">
                            <h3 class="card-title">念奴娇·赤壁怀古</h3>
                        </div>
                        <div class="card-body">
                            <p class="poem-author">宋·苏轼</p>
                            <div class="poem-content">
                                大江东去，浪淘尽，千古风流人物。<br>
                                故垒西边，人道是，三国周郎赤壁。<br>
                                乱石穿空，惊涛拍岸，卷起千堆雪。<br>
                                江山如画，一时多少豪杰。<br>
                                遥想公瑾当年，小乔初嫁了，雄姿英发。<br>
                                羽扇纶巾，谈笑间，樯橹灰飞烟灭。<br>
                                故国神游，多情应笑我，早生华发。<br>
                                人生如梦，一樽还酹江月。
                            </div>
                            <div class="poem-note">
                                <p><strong>备注：</strong>苏轼被贬到黄州，游览赤壁矶，追忆当年三国时期周瑜无限风光的同时也感叹时光易逝，因写下此词。</p>
                                <p><strong>主旨：</strong>全词借古抒怀，雄浑苍凉，大气磅礴，笔力遒劲，境界宏阔， 将写景、咏史、抒情融为一体，给人以撼魂荡魄的艺术力量，被誉为“古今绝唱”。</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card poem-card">
                        <div class="card-header">
                            <h3 class="card-title">临江仙</h3>
                        </div>
                        <div class="card-body">
                            <p class="poem-author">明·杨慎</p>
                            <div class="poem-content">
                                滚滚长江东逝水，浪花淘尽英雄。<br>
                                是非成败转头空。<br>
                                青山依旧在，几度夕阳红。<br>
                                白发渔樵江渚上，惯看秋月春风。<br>
                                一壶浊酒喜相逢。<br>
                                古今多少事，都付笑谈中。
                            </div>
                            <div class="poem-note">
                                <p><strong>备注：</strong>苏轼被贬到黄州，游览赤壁矶，追忆当年三国时期周瑜无限风光的同时也感叹时光易逝，因写下此词。</p>
                                <p><strong>主旨：</strong>全词借古抒怀，雄浑苍凉，大气磅礴，笔力遒劲，境界宏阔， 将写景、咏史、抒情融为一体，给人以撼魂荡魄的艺术力量，被誉为“古今绝唱”。</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card poem-card">
                        <div class="card-header">
                            <h3 class="card-title">蜀先主庙</h3>
                        </div>
                        <div class="card-body">
                            <p class="poem-author">唐·刘禹锡</p>
                            <div class="poem-content">
                                天地英雄气，千秋尚凛然。<br>
                                势分三足鼎，业复五铢钱。<br>
                                得相能开国，生儿不象贤。<br>
                                凄凉蜀故妓，来舞魏宫前。
                            </div>
                            <div class="poem-note">
                                <p><strong>备注：</strong>刘禹锡赞扬了刘备的功业，慨叹蜀汉事业后继非人，总结蜀汉亡国的历史教训。</p>
                                <p><strong>主旨：</strong>怀古诗，多是伤今，唐王朝有过开元盛世，但到了刘禹锡所处的时代，已经日薄西山，国势日益衰颓。对国家未来的担忧，使刘禹锡感慨万千。</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card poem-card">
                        <div class="card-header">
                            <h3 class="card-title">登古邺城</h3>
                        </div>
                        <div class="card-body">
                            <p class="poem-author">唐·岑参</p>
                            <div class="poem-content">
                                下马登邺城，城空复何见。<br>
                                东风吹野火，暮入飞云殿。<br>
                                城隅南对望陵台，漳水东流不复回。<br>
                                武帝宫中人去尽，年年春色为谁来。
                            </div>
                            <div class="poem-note">
                                <p><strong>备注：</strong>邺（yè）城：春秋齐邑，战国魏都，三国时魏置邺都。开元二十七年（739）春天，岑参自长安往游河朔途经邺城时写下此诗。</p>
                                <p><strong>主旨：</strong>诗人登临邺城，唯见荒草野火，昔日英雄已淹没于历史的滚滚尘埃中。 春色依然，人事俱非，这两句又是对春色的感叹，实际是对古人不常在，事业不常在的感叹。</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="card poem-card">
                        <div class="card-header">
                            <h3 class="card-title">过五丈原</h3>
                        </div>
                        <div class="card-body">
                            <p class="poem-author">唐·温庭筠</p>
                            <div class="poem-content">
                                铁马云雕久绝尘，柳营高压汉营春。<br>
                                天清杀气屯关右，夜半妖星照渭滨。<br>
                                下国卧龙空寤主，中原逐鹿不由人。<br>
                                象床锦帐无言语，从此谯周是老臣。
                            </div>
                            <div class="poem-note">
                                <p><strong>备注：</strong>蜀汉后主建兴十二年（234年）春，诸葛亮率兵伐魏，在五丈原屯兵，与魏军相持于渭水南岸达一百多天。八月，遂病死军中。一代名相，壮志未酬，常引起后人的无穷感慨。</p>
                                <p><strong>主旨：</strong>全诗表达了作者对诸葛亮赍志以殁的惋惜与竭智尽忠的敬仰之情，同时也对后主刘禅和谯周的投降误国作了辛辣的嘲讽。</p>
                            </div>
                        </div>
                    </div>
                </div>




            </div>
        </section>

        <!-- 歇后语板块 -->
        <section id="idioms" class="content-section">
            <h2 class="section-title"><i class="fas fa-comments"></i> 三国演义中的歇后语</h2>
            <div class="masonry-grid">

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">孔明挥泪斩马谡——执法如山</div>
                        <p class="idiom-meaning">指诸葛亮严格执行军法，即使对亲信也不徇私情</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">刘备借荆州——有借无还</div>
                        <p class="idiom-meaning">指借了东西不归还，就像刘备借荆州一样</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">周瑜打黄盖——一个愿打，一个愿挨</div>
                        <p class="idiom-meaning">指双方都愿意的事情，互相配合</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">张飞穿针——大眼瞪小眼</div>
                        <p class="idiom-meaning">形容面面相觑，不知所措的样子</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">关公面前耍大刀——不自量力</div>
                        <p class="idiom-meaning">指在行家面前卖弄本领，不自量力</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">徐庶进曹营——一言不发</div>
                        <p class="idiom-meaning">指保持沉默，不说话</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">诸葛亮吊孝——装模作样</div>
                        <p class="idiom-meaning">指故意做作，装样子</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">阿斗的江山——白送</div>
                        <p class="idiom-meaning">指轻易放弃或失去的东西</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">司马昭之心——路人皆知</div>
                        <p class="idiom-meaning">指野心非常明显，人所共知</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">曹操吃鸡肋——食之无味，弃之可惜</div>
                        <p class="idiom-meaning">指某事物价值不大，但又舍不得放弃</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">张飞卖豆腐——人硬货不硬</div>
                        <p class="idiom-meaning">指外表强硬，但实际能力或质量不行</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">黄忠出阵——不服老</div>
                        <p class="idiom-meaning">指年纪虽大，但依然有斗志和干劲</p>
                    </div>
                </div>


                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">东吴招亲——上当一回;弄假成真</div>
                        <p class="idiom-meaning">指孙权和周瑜设计招亲陷害刘备，结果反被诸葛亮利用，弄假成真，比喻本想骗人却事与愿违</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">孔明挥泪斩马谡——执法如山</div>
                        <p class="idiom-meaning">指诸葛亮依法处斩马谡时流泪，但依然严格执行军法，比喻公正严明、不徇私情</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">画上的关公——脸红耳赤</div>
                        <p class="idiom-meaning">指画中的关羽脸红，象征忠义和怒气，但实际是虚假形象，比喻表面现象或装腔作势</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">关公脖子里长肉瘤——脸红脖子粗</div>
                        <p class="idiom-meaning">指关羽生气时脸红脖子粗，比喻极度愤怒或争执激烈的状态</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">曹操败走华容道——不出所料</div>
                        <p class="idiom-meaning">指曹操在赤壁之战后败走华容道被关羽放行，事情如诸葛亮所料，比喻预料之中、毫不意外</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">张飞扮姑娘——咋搞咋不像</div>
                        <p class="idiom-meaning">指张飞相貌粗犷，强行扮女装显得不伦不类，比喻不适合或勉强行事</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">诸葛亮挥泪斩马谡——顾全大局</div>
                        <p class="idiom-meaning">指诸葛亮为维护军纪和整体利益而忍痛斩马谡，比喻牺牲局部以保全整体</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">张飞穿针——大眼瞪小眼</div>
                        <p class="idiom-meaning">指张飞眼大却穿针困难，比喻笨拙、尴尬或束手无策</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">张飞抓耗子——大眼瞪小眼</div>
                        <p class="idiom-meaning">指张飞抓小东西时瞪眼发愣，比喻力不从心或面对琐事无能</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">黄忠抡大锤——老当益壮;不服老</div>
                        <p class="idiom-meaning">指老将黄忠挥舞大锤勇猛不减，比喻年老但精力旺盛，不甘示弱</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">过五关斩六将——所向无敌</div>
                        <p class="idiom-meaning">指关羽单骑过五关斩六将，勇猛无敌，比喻一路顺利、无人能挡</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">张飞请客——不领情不行</div>
                        <p class="idiom-meaning">指张飞请客时威势逼人，别人不敢不领情，比喻强迫接受或威压之下无奈顺从</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">鲁肃宴请关羽——暗藏杀机</div>
                        <p class="idiom-meaning">指鲁肃设宴表面友好，实则埋伏刀斧手欲杀关羽，比喻表面和善实则危险</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">关云长卖豆腐——人硬货不硬</div>
                        <p class="idiom-meaning">指关羽人强硬但卖的豆腐软，比喻外表刚强内里虚弱或外强中干</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">张飞拆桥——有勇无谋</div>
                        <p class="idiom-meaning">指张飞拆桥断后但暴露行踪，比喻勇敢却缺乏智谋，行事鲁莽</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">张飞胡敬德剃了胡子——都也不是善茬儿</div>
                        <p class="idiom-meaning">指张飞和尉迟恭（胡敬德）剃胡子后依然凶悍，比喻两人都不是好惹的角色</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">黄忠交朋友——人老心不老</div>
                        <p class="idiom-meaning">指老将黄忠交友活跃，比喻年老但心态年轻、精力充沛</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">张飞释严颜——粗中有细</div>
                        <p class="idiom-meaning">指张飞释放俘虏严颜，显示粗鲁外表下的细心，比喻外表粗犷内心精明</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">孔明的计策——神机妙算</div>
                        <p class="idiom-meaning">指诸葛亮的计谋高明精准，比喻智谋超群、算无遗策</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">孔明的计谋——神机妙算</div>
                        <p class="idiom-meaning">指诸葛亮的策略神妙，比喻智慧过人、预见性强</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">关羽做木匠——大刀阔斧</div>
                        <p class="idiom-meaning">指关羽使用大刀如木匠挥斧，比喻做事果断、雷厉风行</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">诸葛亮掉井里——英雄无用武之地</div>
                        <p class="idiom-meaning">指诸葛亮掉井无法施展才能，比喻有本事但无处发挥</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">蒋干访周瑜——自找麻烦;窥察动静</div>
                        <p class="idiom-meaning">指蒋干刺探军情反中计，比喻自寻烦恼或盲目行动招致麻烦</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">关帝庙里拜观音——找错了门</div>
                        <p class="idiom-meaning">指在关帝庙拜观音菩萨，对象错误，比喻行为不当或拜错对象</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">诸葛亮吊孝——假仁假义</div>
                        <p class="idiom-meaning">指诸葛亮为周瑜吊孝时假装悲痛，比喻虚伪做作、表面仁义</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">孟获见孔明——俯伏在地;口服心服</div>
                        <p class="idiom-meaning">指孟获被七擒七纵后跪地臣服，比喻真心佩服、彻底认输</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">董卓戏貂蝉——死在花下</div>
                        <p class="idiom-meaning">指董卓贪恋貂蝉被吕布所杀，比喻因贪色招致灾祸</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">吕布戏貂蝉——英雄难过美人关;上当受骗</div>
                        <p class="idiom-meaning">指吕布为貂蝉杀董卓却反被利用，比喻英雄易受美色诱惑而受骗</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">诸葛亮六出祁山——图谋大业</div>
                        <p class="idiom-meaning">指诸葛亮多次北伐以图恢复汉室，比喻为远大目标不懈努力</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">孔明加子龙——智勇双全</div>
                        <p class="idiom-meaning">指诸葛亮（智）和赵云（勇）结合，比喻智谋和勇武兼备</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">关羽开凤眼——要杀人</div>
                        <p class="idiom-meaning">指关羽睁眼（凤眼）预示动手杀人，比喻发怒或决心行动</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">马谡用兵——言过其实</div>
                        <p class="idiom-meaning">指马谡纸上谈兵但实战失败，比喻夸大其词、实际无能</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">想刘备的事——人在心不在</div>
                        <p class="idiom-meaning">指心思飘忽，比喻注意力不集中或心不在焉</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">属周瑜的——一激就上阵</div>
                        <p class="idiom-meaning">指周瑜易被激怒而出战，比喻性格急躁、易受挑衅</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">周瑜讨荆州——费力不讨好</div>
                        <p class="idiom-meaning">指周瑜多次索要荆州未果反吃亏，比喻付出努力却无回报</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">董卓戏貂蝉——死在花下</div>
                        <p class="idiom-meaning">指董卓因美色丧命，比喻贪恋女色招致灭亡</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">阿斗当官——有名无实</div>
                        <p class="idiom-meaning">指刘禅（阿斗）当皇帝但无能，比喻空有名义无实权</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">草船借箭——坐享其成</div>
                        <p class="idiom-meaning">指诸葛亮利用草船轻松借箭，比喻不劳而获或巧妙获利</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">曹操用人——唯才是举</div>
                        <p class="idiom-meaning">指曹操选拔人才只看才能，比喻用人不拘一格、重才轻德</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">属周瑜的——一激就上阵</div>
                        <p class="idiom-meaning">指周瑜易受刺激出战，比喻性格冲动、易被激怒</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">猛张飞舞刀——杀气腾腾</div>
                        <p class="idiom-meaning">指张飞挥舞兵器气势凶猛，比喻威势逼人或充满敌意</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">东吴杀关羽——嫁祸于人</div>
                        <p class="idiom-meaning">指孙权杀关羽后推卸责任给曹操，比喻转嫁罪责</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">三个臭皮匠——赛过诸葛亮</div>
                        <p class="idiom-meaning">指普通人集思广益能胜过诸葛亮，比喻集体智慧高于个人</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">诸葛亮借东风——将计就计</div>
                        <p class="idiom-meaning">指诸葛亮利用曹操的计策反制，比喻顺势而为、反制对手</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">曹操吃鸡肋——食之无味弃之可惜</div>
                        <p class="idiom-meaning">指曹操视鸡肋如鸡肋，比喻事物价值低但舍不得放弃</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">刘备访贤——三顾茅庐</div>
                        <p class="idiom-meaning">指刘备三次拜访诸葛亮，比喻诚心求才或多次努力</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">张飞舞刀——杀气腾腾</div>
                        <p class="idiom-meaning">指张飞挥刀气势汹汹，比喻威猛凶狠、气势逼人</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">诸葛亮掉井里——英雄无用武之地</div>
                        <p class="idiom-meaning">指诸葛亮掉井无法施展，比喻有才能但无机会发挥</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">张飞打铁——人也硬，活也硬;卖硬货</div>
                        <p class="idiom-meaning">指张飞打铁时人和活都强硬，比喻性格刚强、做事扎实</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">诸葛亮用空城计——不得已</div>
                        <p class="idiom-meaning">指诸葛亮被迫用空城计退敌，比喻无奈之下行险招</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">张飞扔鸡毛——有劲难使</div>
                        <p class="idiom-meaning">指张飞力气大但扔轻物无用，比喻有本事无处施展</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">黄忠抡大锤——老当益壮</div>
                        <p class="idiom-meaning">指黄忠年老却挥舞大锤勇猛，比喻老年精力旺盛</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">周瑜打黄盖——一个愿打一个愿</div>
                        <p class="idiom-meaning">指周瑜黄盖用苦肉计骗曹操，比喻双方自愿配合</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">曹操做事——疑心重</div>
                        <p class="idiom-meaning">指曹操多疑谨慎，比喻行事猜疑、不轻信</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">阿斗的江山——白送</div>
                        <p class="idiom-meaning">指刘禅轻易投降失江山，比喻轻易放弃或拱手让人</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">东吴招亲——弄假成真</div>
                        <p class="idiom-meaning">指孙权招亲计谋反成真，比喻骗局意外实现</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">张飞捉刺猬——强手遇刺手</div>
                        <p class="idiom-meaning">指张飞抓刺猬无从下手，比喻强者遇棘手问题</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">赵子龙出兵——回回胜</div>
                        <p class="idiom-meaning">指赵云打仗屡战屡胜，比喻常胜不败</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">孔明擒孟获——抓了又放</div>
                        <p class="idiom-meaning">指诸葛亮七擒七纵孟获，比喻反复试探以服人心</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">黄忠 射箭 ——百发百中</div>
                        <p class="idiom-meaning">指黄忠箭术精准，比喻技艺高超、万无一失</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">张飞上阵——横冲直撞曹</div>
                        <p class="idiom-meaning">指张飞冲锋勇猛（“曹”可能为误字，意为横冲直撞），比喻鲁莽冲撞</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">关公赴会——单刀直入</div>
                        <p class="idiom-meaning">指关羽单刀赴会直闯敌营，比喻直截了当、不绕弯子</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">诸葛亮征孟获——收收诸放放</div>
                        <p class="idiom-meaning">指诸葛亮抓放孟获多次，比喻反复周旋以达目的</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">董卓进京——来者不善</div>
                        <p class="idiom-meaning">指董卓入洛阳怀有恶意，比喻来者不怀好意</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">黄忠射关公——手下留情</div>
                        <p class="idiom-meaning">指黄忠对关羽箭下留情，比喻行事留有余地</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">刘备投袁绍——委曲求全</div>
                        <p class="idiom-meaning">指刘备暂时依附袁绍，比喻忍辱负重以求保全</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">诸葛亮唱空城计——没办法</div>
                        <p class="idiom-meaning">指诸葛亮无奈用空城计，比喻被迫采取下策</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">关公的兄弟——也是个红脸汉</div>
                        <p class="idiom-meaning">指关羽兄弟（如虚构角色）同样忠义，比喻同类人或相似性格</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">诸葛亮六出祁山——图谋大业</div>
                        <p class="idiom-meaning">指诸葛亮北伐图复汉室，比喻为理想不懈奋斗</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">张飞扔鸡毛——有劲难使</div>
                        <p class="idiom-meaning">指张飞力气大但扔轻物无效，比喻本事无处施展</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">曹操用计——又奸又滑</div>
                        <p class="idiom-meaning">指曹操计谋奸诈狡猾，比喻阴险诡诈</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">周瑜病倒在芦花荡——气煞人;气煞</div>
                        <p class="idiom-meaning">指周瑜被气病在芦花荡，比喻极度愤怒或气急败坏</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">张飞绣花——粗中有细</div>
                        <p class="idiom-meaning">指张飞粗人却能细心绣花，比喻外表粗鲁内心细腻</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">关羽流鼻血——红上加红</div>
                        <p class="idiom-meaning">指关羽脸红流鼻血更显红，比喻好上加好或夸张渲染</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">东吴招亲——弄假成真</div>
                        <p class="idiom-meaning">指孙权招亲计谋反成真，比喻骗局意外实现</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">阿斗当官——有名无实</div>
                        <p class="idiom-meaning">指刘禅当皇帝无实权，比喻徒有虚名</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">张飞扮姑娘——咋搞咋不像</div>
                        <p class="idiom-meaning">指张飞粗犷扮女装不像，比喻不适合或勉强行事</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">孔明皱眉头——计上心头</div>
                        <p class="idiom-meaning">指诸葛亮皱眉时心生妙计，比喻思考出主意</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">张飞瞅樗蚕——大眼瞪小眼</div>
                        <p class="idiom-meaning">指张飞看小虫（樗蚕）瞪眼发呆，比喻面对小事无能或尴尬</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">草船借箭——满载而归;巧用天时</div>
                        <p class="idiom-meaning">指诸葛亮借箭成功，比喻收获丰厚或善用时机</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">曹操遇蒋干——误大事</div>
                        <p class="idiom-meaning">指蒋干误事害曹操，比喻用人不当招致损失</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">阿斗的江山——白送</div>
                        <p class="idiom-meaning">指刘禅轻易失江山，比喻轻易放弃</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">周瑜打黄盖——两相情愿</div>
                        <p class="idiom-meaning">指苦肉计双方自愿，比喻彼此同意配合</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">蒋干访周瑜——自找麻烦;窥察动静</div>
                        <p class="idiom-meaning">指蒋干刺探反中计，比喻自寻烦恼</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">貂婵嫁吕布——英雄难过美人关</div>
                        <p class="idiom-meaning">指吕布为貂蝉杀董卓，比喻英雄易受美色所惑</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">关云长刮骨下棋——若无其事</div>
                        <p class="idiom-meaning">指关羽刮骨疗毒时下棋镇定，比喻临危不惧</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">诸葛亮放盂获——欲擒故纵</div>
                        <p class="idiom-meaning">指诸葛亮故意放孟获以擒之，比喻先放后收以达目的</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">张飞娘姓吴——吴氏生飞;无事生非</div>
                        <p class="idiom-meaning">双关语，吴氏生张飞谐音“无事生非”，比喻无端惹事</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">草船借箭——满载而归;巧用天时</div>
                        <p class="idiom-meaning">指诸葛亮借箭满载，比喻成功获利或善用条件</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">刘备的舅子——孙权</div>
                        <p class="idiom-meaning">指刘备娶孙尚香，孙权成其舅子，比喻亲戚关系</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">孔明用计——神机妙算</div>
                        <p class="idiom-meaning">指诸葛亮计谋高明，比喻智慧超群</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">猛张飞舞刀——杀气腾腾</div>
                        <p class="idiom-meaning">指张飞挥刀气势凶，比喻威猛逼人</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">吕布杀敌董卓——大义灭亲</div>
                        <p class="idiom-meaning">指吕布杀义父董卓，比喻为正义牺牲亲情</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">诸葛亮拜斗——自知要死</div>
                        <p class="idiom-meaning">指诸葛亮祈禳延寿失败，预知死亡，比喻自知结局</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">隔门缝瞧诸葛亮——瞧扁了英雄</div>
                        <p class="idiom-meaning">指从门缝小看诸葛亮，比喻轻视英雄</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">董卓戏貂蝉——死在花下</div>
                        <p class="idiom-meaning">指董卓贪色被杀，比喻因女色丧命</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">关公战李逵——大刀阔斧</div>
                        <p class="idiom-meaning">指关羽勇猛作战，比喻行事果断</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">关云长走麦城——大难临头</div>
                        <p class="idiom-meaning">指关羽败走麦城被擒，比喻灾祸降临</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">张飞放严颜——细中有细</div>
                        <p class="idiom-meaning">指张飞释放严颜显细心，比喻粗中有细更胜一筹</p>
                    </div>
                </div>

                <div class="grid-item">
                    <div class="idiom-card">
                        <div class="idiom-text">诸葛亮穿道袍——不是出家人</div>
                        <p class="idiom-meaning">指诸葛亮穿道袍非道士，比喻外表不符实质</p>
                    </div>
                </div>




            </div>
        </section>

<!--        <footer>-->
<!--            <p>三国演义文化可视化展示 | 数据持续收集中... | 设计：古典文学爱好者</p>-->
<!--            <p>© 2023 三国文化研究中心 | 共收录数据 <span class="counter">成语典故 6/50</span> <span class="counter">书中诗句 8/60</span> <span class="counter">诗人评价 5/40</span> <span class="counter">歇后语 12/100</span></p>-->
<!--        </footer>-->
    </div>

    <script>
        // 选项卡切换功能
        document.addEventListener('DOMContentLoaded', function() {
            const tabBtns = document.querySelectorAll('.tab-btn');
            const contentSections = document.querySelectorAll('.content-section');

            tabBtns.forEach(btn => {
                btn.addEventListener('click', () => {
                    // 移除所有按钮和内容的active类
                    tabBtns.forEach(b => b.classList.remove('active'));
                    contentSections.forEach(section => section.classList.remove('active'));

                    // 添加当前按钮的active类
                    btn.classList.add('active');

                    // 显示对应的内容区域
                    const tabId = btn.getAttribute('data-tab');
                    document.getElementById(tabId).classList.add('active');

                    // 滚动到顶部
                    window.scrollTo({ top: 0, behavior: 'smooth' });
                });
            });

            // 添加滚动动画效果
            const observerOptions = {
                threshold: 0.1
            };

            const observer = new IntersectionObserver((entries) => {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        entry.target.style.animation = 'fadeIn 0.8s ease forwards';
                        observer.unobserve(entry.target);
                    }
                });
            }, observerOptions);

            document.querySelectorAll('.card, .idiom-card').forEach(card => {
                card.style.opacity = '0';
                observer.observe(card);
            });
        });
    </script>
</body>
</html>